<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>

        <link href="https://cdn.bootcdn.net/ajax/libs/cesium/1.95.0/Widgets/widgets.css" rel="stylesheet">
        <script src="https://cdn.bootcdn.net/ajax/libs/cesium/1.95.0/Cesium.js"></script>
    </head>

    <body>
        <div id="cesiumContainer" style="width: 100vw; height: 100vh;"></div>
        <script>
            const img = new Cesium.UrlTemplateImageryProvider({
                url: "https://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}"
            })
            const tdtZhuji = new Cesium.UrlTemplateImageryProvider({
                url: "http://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=e512567f5b8b6023f016cdc2706a2412"
            })
            const imgTdt = new Cesium.WebMapTileServiceImageryProvider({
                url: 'http://t0.tianditu.gov.cn/vec_w/wmts?tk=e512567f5b8b6023f016cdc2706a2412',
                subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                layer: name,
                style: 'default',
                format: 'image/jpeg',
                tileMatrixSetID: 'GoogleMapsCompatible',
                maximumLevel: 18,
                minimumLevel: 1,
            });
            const viewer = new Cesium.Viewer('cesiumContainer', {
                baseLayerPicker: false,
                homeButton: false,
                animation: false,
                timeline: false
            });

            let imagery = viewer.imageryLayers.addImageryProvider(imgTdt)
            // let zhuji = viewer.imageryLayers.add(new Cesium.ImageryLayer(tdtZhuji, {

            // }));
            // let imagery = viewer.imageryLayers.get(0)

            imagery.hue = 3; // 图层色调
            imagery.contrast = -1.2; // 图层对比度


        </script>
    </body>

</html>